<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>document</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引用字体图标-->
    <link rel="stylesheet" href="css/message.less"/>
    <!--引用样式重置文件-->
    <link rel="stylesheet/less" href="css/base.less">
    <!--引用自己的样式文件-->
    <link rel="stylesheet/less" href="./css/baicaijia.less">
    <!--引用less.js-->
    <script src="./lib/less/less.min.js"></script>
</head>

<body>
    <!--白菜价头部区域start-->
    <header id="header">
        <a href="index.html" class="logo">
           <span>&lt;</span>
        </a>
        <h3  class=" header-title">白菜价-淘宝内部券</h3>
        <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.manmanbuy.bijia" class="app">
            <img src="./images/header_app.png" alt="">
        </a>
    </header>
    <!--白菜价头部区域end-->

    <!--白菜价标题start-->
    <section id="title" class="title">
        <ul>

        </ul>
        <img  class="fr" src="images/icon-search.bmp" alt=""/>
        <div class="close"></div>
    </section>

    <section class="banner">
        <img src="images/banner_wap.png"  style="width: 100%;" alt="白菜价频道"/>
        <div class="search-h">
            <div class="sprite-search fl"></div>
            <input type="search" class="search-input fr" placeholder="搜索商品即可查内部券"/>
        </div>
    </section>

    <script type="text/html" id="titleTpl">
        {{each result as value i}}
        <!--<ul class="col-xs-12">-->
            <li>
            <a href="#" title="{{value.titleId}}"  class={{titleId==0?"current":""}}>
                {{#value.title}}
            </a>
            </li>
        <!--</ul>-->
        {{/each}}
    </script>
    <!--白菜价标题end-->
    <!--product start-->
    <section class="product" id="product">
        <ul class="product-list">

        </ul>

        <script type="text/html" id="productTpl">
            {{each result as value i}}
            <li data-id='{{value.titleId}}'>
                    <div class="product-mes ">
                        <div class="product-img ">
                            {{#value.productImg}}
                        </div>
                        <div class="product-message">
                        <p class="mes-name">{{#value.productName}}</p>
                        <p class="mes-price">{{#value.productPrice}}</p>
                        <div class="mes-get"><span class="get-l fl"> {{#value.productCoupon}}</span>  <span class="get-r fr">{{#value.productHref}}</span>
                        </div>
                            <div class="product-juan">{{#value.productCouponRemain}}</div>
                        </div>
                    </div>
            </li>
            {{/each}}

        </script>

    </section>
    <!--prodduct end-->
    <section class="footer" id="footer">
        <div class="login">
            <ul>
                <li><a href="http://m.manmanbuy.com/login.aspx">登录</a></li>
                <li><a href="http://m.manmanbuy.com/reg.aspx">注册</a></li>
                <li><img src="images/up.bmp" alt=""/><a href="javascript:;">返回顶部</a></li>
            </ul>
        </div>
        <br/>
        <p class="footer-text"><a href="javascript:;">手机APP下载</a> &nbsp;慢慢买手机版 -- 掌上比价平台</p>
        <p class="footer-text2">m.manmanbuy.com </p>
        <a href="javascript:;" class="gotup" id="gotup"></a>
    </section>

<!--引用jq-->
<script src="./lib/jquery/jquery.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

<!--引用template.js-->
<script src="./lib/template/template.js"></script>
<!--引用自己的js-->
<script src="./js/baicaijia.js"></script>
<!--引用swiper js-->
    <script src="js/swiper.js"></script>
    <!--引用category js-->
    <!-- <script src="js/category.js"></script> -->
    <!--缓动动画-->
    <!--<script src="js/animate.js"></script>-->
<!--引用commom js-->
    <!--<script src="js/common.js"></script>-->
</body>
</html>